<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>项目管理--任务详情</title>
  <!-- 头部css与js -->
  <link rel="stylesheet" href="./css/Subproject.css" />
</head>

<body>
  <div class="all">
    <div class="top">
      <div class="box">
        <div class="left">
          <img src="./image/保尔科技-logo-副本.png" alt="">
        </div>
        <div class="right">
          <div class="date">
            <span class="dater"></span>
          </div>
          <a href=""><img src="./image/刷新.png" alt=""></a>
          <div class="nam">
            <img class="mg1" src="./image/用户.png" alt="">
            <span class="namer"></span>
          </div>
          <a href="./login.html"><img src="./image/退出.png" alt=""></a>
        </div>
      </div>
    </div>
    <div class="navs">
      <div class="nav">
        <ul>
          <li class="lis classs">
            <img class="icon_v1" src="./image/班级管理.png" alt="" />
            <img class="icon_v2" src="./image/班级管理蓝.png" alt="" />
            <span class="nav_spn1 classs">班级管理</span>
          </li>
          <li class="lis routine">
            <img class="icon_v1" src="./image/日常黑.png" alt="" />
            <img class="icon_v2" src="./image/日常蓝.png" alt="" />
            <span class="nav_spn1 routine">日常</span>
            <img class="arrow jt" src="./image/右箭头.png" alt="" />
            <img class="arrow1 jt1" src="./image/右箭头蓝.png" alt="" />
          </li>
          <li class="attendance">
            <p class="attendance1 travel">出差记录</p>
            <p class="attendance1 excused">请假记录</p>
            <p class="attendance1 presence">考勤统计</p>
          </li>
          <li class="lis user">
            <img class="icon_v1" src="./image/用户管理黑u.png" alt="" />
            <img class="icon_v2" src="./image/用户.png" alt="" />
            <span class="nav_spn1 user">用户管理</span>
          </li>
          <li class="lis archives">
            <img class="icon_v1" src="./image/学生档案.png" alt="" />
            <img class="icon_v2" src="./image/学生当啊蓝.png" alt="" />
            <span class="nav_spn1 archives">学生档案</span>
          </li>
          <li class="lis journal">
            <img class="icon_v1" src="./image/日志系统黑.png" alt="" />
            <img class="icon_v2" src="./image/日志系统蓝.png" alt="" />
            <span class="nav_spn1 journal">日志系统</span>
          </li>
          <li class="lis vet">
            <img class="icon_v1" src="./image/审核系统黑.png" alt="" />
            <img class="icon_v2" src="./image/审核系统蓝.png" alt="" />
            <span class="nav_spn1 vet">审核系统</span>
          </li>
          <li class="lis project ls">
            <img class="icon_v11" src="./image/项目管理黑.png" alt="" />
            <img class="icon_v21" src="./image/项目管理蓝.png" alt="" />
            <span class="nav_spn1 project">项目管理</span>
          </li>
        </ul>
      </div>
      <div class="nav_content">
        <div class="nav_right stc">
          <div class="nav_right_top con">
            <div class="Lines"></div>
            <span class="clas">项目管理</span>
            <input class="inp1" type="text" placeholder="请输入项目名称">
            <input class="inp2" type="text" placeholder="开始时间">
            <div class="gang"></div>
            <input class="inp3" type="text" placeholder="结束时间">
            <button class="searchBtn">搜索</button>
            <img class="Img" src="./image/加号.png">
          </div>
          <div class="nav_right_foot cont">
            <table class="Table">
              <thead class="Thead">
                <tr>
                  <th>编号</th>
                  <th>子项目名称</th>
                  <th>负责人</th>
                  <th>工时（天）</th>
                  <th>开始时间</th>
                  <th>结束时间</th>
                  <th>项目进度（%）</th>
                  <th>占重比（%）</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody class="Tbody">

              </tbody>
            </table>
            <div class="Foot">
              <button class="first">&lt;</button>
              <div class="fot"></div>
              <button class="last">&gt;</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="./js/connector.js"></script>
<script src="./js/Subproject.js"></script>

</html>